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Instructions 


« There is one assignment for each lecture in the JavaScript Fundamentals 
Sections Part 1 and 2 (not all lectures, but most); 


= The goal of these assignments is that you can immediately apply the concepts 
you learn in each video; 


= So after you complete each lecture, find the assignment for the video you just 
watched, and write the code according to the instructions; 


= Take all the time that you need, no need to hurry! 


= The solution for each assignment is at the end of Part 1 and Part 2. | advise you 
to check it out after you completed each assignment, or in case you have 
trouble moving forward in the code; 


= In order to actually write the code, create a new script called assignments.js 
in the current project folder and link it to the HTML file we have been using, just 
like we previously linked script. js (an HTML file can include multiple 
JavaScript scripts). The console will now show outputs from both script.js 
and assignments. js © 


= And now, go have fun with these assignments! By the way, all these 
assignments are about countries EA m = 
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JavaScript Fundamentals — Part 1 


LECTURE: Values and Variables 


1. 


> 


Declare variables called "country", 'continent' and 'population' and 
assign their values according to your own country (population in millions) 
Log their values to the console 


LECTURE: Data Types 


1. 


Declare a variable called 'isIsland' and set its value according to your 
country. The variable should hold a Boolean value. Also declare a variable 
‘Language, but don't assign it any value yet 


. Log the types of 'isIsland', 'population', 'country' and "Language 


to the console 


LECTURE: let, const and var 


k 


Set the value of ‘language to the language spoken where you live (some 
countries have multiple languages, but just choose one) 


. Think about which variables should be const variables (which values will never 


change, and which might change?). Then, change these variables to const. 


. Try to change one of the changed variables now, and observe what happens 


LECTURE: Basic Operators 


1. 


If your country split in half, and each half would contain half the population, 
then how many people would live in each half? 


. Increase the population of your country by 1 and log the result to the console 
. Finland has a population of 6 million. Does your country have more people than 


Finland? 


. The average population of a country is 33 million people. Does your country 


have less people than the average country? 


. Based on the variables you created, create a new variable ‘description 


which contains a string with this format: ‘Portugal is in Europe, and its 11 million 
people speak portuguese’ 
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LECTURE: Strings and Template Literals 


1. Recreate the "description! variable from the last assignment, this time 
using the template literal syntax 


LECTURE: Taking Decisions: if / else Statements 


1. If your country's population is greater that 33 million, log a string like this to the 
console: ‘Portugal's population is above average’. Otherwise, log a string like 
‘Portugal's population is 22 million below average’ (the 22 is the average of 33 
minus the country's population) 

2. After checking the result, change the population temporarily to 13 and then to 
130. See the different results, and set the population back to original 


LECTURE: Type Conversion and Coercion 


1. Predict the result of these 5 operations without executing them: 


'9' — '5'; 

'19' = "13" + '17'; 
'19' - '13' + 17; 
"23° < 57; 


5+6+ '4'+9-4-2; 
2. Execute the operations to check if you were right 
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LECTURE: Equality Operators: == ys: === 


de 


Declare a variable 'numNeighbours' based on a prompt input like this: 
prompt('How many neighbour countries does your country 
have?'); 


. If there is only 1 neighbour, log to the console ‘Only 1 border! (use loose equality 


== for now) 


. Use anelse-if block to log More than 1 border in case 'numNeighbours' 


is greater than 1 


. Use anelse block to log No borders’ (this block will be executed when 


‘numNeighbours' is 0 or any other value) 


. Test the code with different values of 'numNeighbours', including 1 and 0. 
. Change == to ===, and test the code again, with the same values of 


'numNeighbours'. Notice what happens when there is exactly 1 border! Why 
is this happening? 


. Finally, convert 'numNeighbours' to a number, and watch what happens now 


when you input 1 


. Reflect on why we should use the === operator and type conversion in this 


situation 


LECTURE: Logical Operators 


. Comment out the previous code so the prompt doesn't get in the way 
. Let's say Sarah is looking for a new country to live in. She wants to live in a 


country that speaks english, has less than 50 million people and is not an 
island. 


. Write an if statement to help Sarah figure out if your country is right for her. 


You will need to write a condition that accounts for all of Sarah's criteria. Take 
your time with this, and check part of the solution if necessary. 


. If yours is the right country, log a string like this: ‘You should live in Portugal :)’. If 


not, log Portugal does not meet your criteria :( 


. Probably your country does not meet all the criteria. So go back and temporarily 


change some variables in order to make the condition true (unless you live in 
Canada :D) 
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LECTURE: The switch Statement 


de 


Use a Switch statement to log the following string for the given ' Language": 
chinese or mandarin: MOST number of native speakers! 
spanish: '2nd place in number of native speakers’ 
english: ‘3rd place’ 
hindi: ‘Number 4' 
arabic: 5th most spoken language’ 
for all other simply log Great language too D 


LECTURE: The Conditional (Ternary) Operator 


1: 


If your country’s population is greater than 33 million, use the ternary operator 
to log a string like this to the console: ‘Portugal's population is above average’. 
Otherwise, simply log ‘Portugal's population is below average’. Notice how only 
one word changes between these two sentences! 


. After checking the result, change the population temporarily to 13 and then to 


130. See the different results, and set the population back to original 
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Solutions — Part 1 


LECTURE: Values and Variables 


let country Portugal; 
let continent Europe’ 
let population 10; 


console. Log(country); 
console. log(continent) 
console. Log( population) ; 





LECTURE: Data Types 


let isIsland false 

let language 

console. log( isIs land) 
console. Log population) 
console. Log) country) ; 
console. Log Language 


LECTURE: let, const and var 


Language portuguese’ 
const country Portugal’ 
const continent ' Europe ' 
const isIsland false 
isIsland true 
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LECTURE: Basic Operators 


console. (population 

population 

console. (population); 

console. Log(population 

console. (population 

const descriptionl 
country 


continent 
population 


language; 
console. (descriptionl); 
LECTURE: Strings and Template Literals 


const description ` $icountry continent 
population language} ; 


LECTURE: Taking Decisions: if / else Statements 


(population > 33) 1 
console. ( ${country 


console. 
‘country 33 - population 
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LECTURE: Type Conversion and Coercion 


console. log('9 151). 
console ('19 '13' '17 
console. (719 TEL 17) 


console. (ŻĘ 
console. 





LECTURE: Equality Operators: == vs. === 


const numNeighbours = prompt( 
‘How many neighbour countries does your country have?', 


const numNeighbours = Number 
prompt('How many neighbour countries does your country 
have?) 


(numNeighbours 1) 
console. log('Only 1 border! 
(numNeighbours > 1) + 
console. log('More than 1 border 


l 


console. log('No borders') 
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LECTURE: Logical Operators 


(language | population < 50 
console. E {country 


console. ( ${country. 


LECTURE: The switch Statement 


( Language) 


console 


console 


console. 


console 


console 


console. 
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isIsland) 





LECTURE: The Conditional (Ternary) Operator 


country population 
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JavaScript Fundamentals — Part 2 


Note: Please start Part 2 from scratch and comment out all the code from Part 1. 


LECTURE: Functions 


1. Write a function called 'describeCountry' which takes three parameters: 
‘country', 'population' and 'capitalCity'. Based on this input, the 
function returns a string with this format: Finland has 6 million people and its 
capital city is Helsinki’ 

2. Call this function 3 times, with input data for 3 different countries. Store the 
returned values in 3 different variables, and log them to the console 


LECTURE: Function Declarations vs. Expressions 


1. The world population is 7900 million people. Create a function declaration 
called 'percentageOfWorld1' which receives a 'population' value, and 
returns the percentage of the world population that the given population 
represents. For example, China has 1441 million people, so it's about 18.2% of 
the world population 

2. To calculate the percentage, divide the given ‘population value by 7900 
and then multiply by 100 

3. Call 'percentageOfWorld1' for 3 populations of countries of your choice, 
store the results into variables, and log them to the console 

4. Create a function expression which does the exact same thing, called 
'percentageOfWorld2', and also call it with 3 country populations (can be 
the same populations) 


LECTURE: Arrow Functions 


1. Recreate the last assignment, but this time create an arrow function called 
‘percentageOfWorld3' 
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LECTURE: Functions Calling Other Functions 


de 


Create a function called 'describePopulation'. Use the function type you 
like the most. This function takes in two arguments: 'country' and 
‘population’, and returns a string like this: China has 1441 million people, 
which is about 18.2% of the world.’ 


. To calculate the percentage, 'describePopulation' call the 


‘percentageOfWorld1' you created earlier 


. Call 'describePopulation' with data for 3 countries of your choice 


LECTURE: Introduction to Arrays 


l: 


Create an array containing 4 population values of 4 countries of your choice. 
You may use the values you have been using previously. Store this array into a 
variable called ‘populations’ 


. Log to the console whether the array has 4 elements or not (true or false) 
. Create an array called 'percentages' containing the percentages of the 


world population for these 4 population values. Use the function 
‘percentageOfWorld1' that you created earlier to compute the 4 
percentage values 


LECTURE: Basic Array Operations (Methods) 


1. 


Create an array containing all the neighbouring countries of a country of your 
choice. Choose a country which has at least 2 or 3 neighbours. Store the array 
into a variable called ‘neighbours’ 


. At some point, a new country called Utopia is created in the neighbourhood of 


your selected country. So add it to the end of the 'neighbours' array 


. Unfortunately, after some time, the new country is dissolved. So remove it from 


the end of the array 


. If the ‘neighbours ' array does not include the country ‘Germany’, log to the 


console: Probably not a central European country D 


. Change the name of one of your neighbouring countries. To do that, find the 


index of the country in the 'neighbours' array, and then use that index to 
change the array at that index position. For example, you can search for 
‘Sweden’ in the array, and then replace it with Republic of Sweden’. 
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LECTURE: Introduction to Objects 


1. Create an object called 'myCountry' for a country of your choice, containing 
properties 'country', capital’, "Language", 'population' and 
‘neighbours ' (an array like we used in previous assignments) 


LECTURE: Dot vs. Bracket Notation 


1. Using the object from the previous assignment, log a string like this to the 
console: Finland has 6 million finnish-speaking people, 3 neighbouring countries 
and a capital called Helsinki.’ 

2. Increase the country's population by two million using dot notation, and then 
decrease it by two million using brackets notation. 


LECTURE: Object Methods 


1. Add a method called ‘describe’ to the 'myCountry' object. This method 
will log a string to the console, similar to the string logged in the previous 
assignment, but this time using the 'this' keyword. 

2. Callthe 'describe' method 

3. Add a method called 'checkIsland' to the 'myCountry' object. This 
method will set a new property on the object, called 'isIsland'. 

'isIsland' will be true if there are no neighbouring countries, and false if 
there are. Use the ternary operator to set the property. 


LECTURE: Iteration: The for Loop 


1. There are elections in your country! In a small town, there are only 50 voters. 
Use a for loop to simulate the 50 people voting, by logging a string like this to 
the console (for numbers 1 to 50): ‘Voter number 1 is currently voting’ 
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LECTURE: Looping Arrays, Breaking and Continuing 


. Let's bring back the "populations" array from a previous assignment 
. Use a for loop to compute an array called 'percentages2' containing the 


percentages of the world population for the 4 population values. Use the 
function 'percentageOfWorld1' that you created earlier 


. Confirm that 'percentages2' contains exactly the same values as the 


‘percentages’ array that we created manually in the previous assignment, 
and reflect on how much better this solution is 


LECTURE: Looping Backwards and Loops in Loops 


1. 


Store this array of arrays into a variable called 'listOfNeighbours' 
[['Canada', 'Mexico'], ['Spain'], ['Norway', 'Sweden', 
'Russia']]; 


. Log only the neighbouring countries to the console, one by one, not the entire 


arrays. Log a string like 'Neighbour: Canada for each country 


. You will need a loop inside a loop for this. This is actually a bit tricky, so don't 


worry if it's too difficult for you! But you can still try to figure this out anyway © 


LECTURE: The while Loop 


1. 


Recreate the challenge from the lecture ‘Looping Arrays, Breaking and Continuing’, 
but this time using a while loop (call the array 'percentages3') 


2. Reflect on what solution you like better for this task: the for loop or the while 


loop? 
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Solutions — Part 2 


LECTURE: Functions 


function describeCountry(co V, | 1, 
country; has population}; million people and 
its capital city is capitalCity 


const descPortugal = describeCountry( 'Portugal', 10 


‘Lisbon') 

const descGermany describeCountry('Germany', 83, 
Berlin") 

const descFinland describeCountry( 'Finland', 6 
Helsinki) 

console. log(descPortugal, descGermany, descFinland) ; 





LECTURE: Function Declarations vs. Expressions 


function percentageO0fWorld1(/ a 
(population / 7900) 100 


const percentage0fWorLld2 function (po 
(population / 7900) 100 


pula 


const percPortugall percentage0fWorld1(10) 
const percChinal percentageOfWorld1( 1441) ; 
const percUSA1 percentage0fWorld1(332); 
console. log(percPortugall, percChinal, percUSA1); 
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LECTURE: Arrow Functions 


const percentageOfworld3 (population / 7900) 
100; 


const percPortugal3 percentageOfWorld3(10) ; 
const percChina3 percentageO0fWorLld3(1441); 
const percUSA3 percentage0fworld3 (332) 

console. log(percPortugal3, percChina3, percUSA3) 





LECTURE: Functions Calling Other Functions 


const describePopulation function (¢ 
const percentage percentageOfWorld1(population) 
const description country} has population} million 
people, which is about percentager% of the world. 
console. log(description) 


describePopulation('Portugal', 10); 
describePopulation('China', 1441); 
describePopulation('USA', 332) 
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LECTURE: Introduction to Arrays 


const populations 110, 1441, 332 

console. Log(populations. length 

const percentages | 
percentageOfWorld1( populations [0 


percentageOfWorld1( populations [1] ) 
percentageOfWorld1(populations [2 
percentageOfWorld1( populations [3] ) 
| 
console. log(percentages)) ; 





LECTURE: Basic Array Operations (Methods) 


const neighbours | ‘Norway’ Sweden', ‘Russia 


neighbours. push( ‘Utopia’ ); 
console. log(neighbours) ; 


neighbours. pop( ) 
console. Log(neighbours) 


neighbours. includes ( ‘Germany 
console. log( ‘Probably not a central European country :D') 


neighbours [neighbours. indexOf('Sweden' ) | ‘Republic of 
Sweden; 
console. Log(neighbours); 
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LECTURE: Introduction to Objects 


const myCountry 
country Finland’, 
capital: ‘Helsinki 


language: ‘finnish', 
population: 6, 
neighbours: ['Norway', ‘Sweden Russia’ | 





LECTURE: Dot vs. Bracket Notation 


console. Log 
myCountry.country; has myCountry.population} million 
myCountry. Language}—speaking people, 
myCountry.neighbours. length} neighbouring countries and 
a capital called myCountry.capital;. 


myCountry.population 2; 
console. Log(myCountry.population) 


myCountry| ' population '| 2 
console. Log(myCountry.population) 
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LECTURE: Object Methods 


const myCountry 
country: 
capital: 
language: 
population: 6, 
neighbours: |' 


function () 
console 
this.country {this.population 
this. language 
this.neighbours. length 
this.capital 


function () 
this.isIsland this.neighbours. length 
false, 


myCountry2 
myCountry2. El 
console. (myCountry2) ; 


LECTURE: Iteration: The for Loop 


(let voter 1; voter 50; voter++) 
console. (` ${voter 
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SCHMEDTMANN 


LECTURE: Looping Arrays, Breaking and Continuing 


const populations (U AZ SS2, EJ: 
const percentages2 ALE 
(let i = 0; i < populations. length; i 
const perc (populations {i} ); 
percentages2 (perc); 


console. (percentages2) ; 


LECTURE: Looping Backwards and Loops in Loops 


const listOfNeighbours 
| i l ] 
[ I 
[' 


(let i = 0; i < LlistOfNeighbours. length; i 
(let y = 0; y < listOfNeighbours[i].length; y 
console E | listOfNeighbours|[il ly. 


LECTURE: The while Loop 


const percentages3 RB 
let i = 8 
(i < populations. length) 
const perc Ld1(populations [i] ) 
percentages3. (perc) ; 
i 


console (percentages3) ; 
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